<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>123</title>
    <link href="static/css/style.css" rel="stylesheet" type="text/css">
    <link href="static/css/jquery.datetimepicker.css" rel="stylesheet" type="text/css">
    <script src="static/js/jquery.min.js"></script>
    <script src="static/js/zzsc.js"></script>
    <script src="static/js/jquery.datetimepicker.full.js"></script>
  </head>
  <body>
    <div class="top">
      <div class="logo"><img src="static/images/logo.png"></div>
    </div>
    <div class="nav">
      <div class="qc-code">
        <div class="cls">X</div>
        <div>扫码关注公众号<img src="static/images/qc.jpg"></div>
      </div>
      <div class="left-fix">
        <div class="cls">X</div><a href="http://www.toutiao.com/m6805655798" target="_blank"><img src="static/images/leftBox.png"></a>
      </div>
      <div class="nav1">
        <ul>
          <li><a href="###" class="hover">首页</a></li>
          <li class="haslist"><a href="###">垃圾分类</a>
            <div><a href="###">一二三四五六七</a><a href="###">无四三二一六七吧就是</a><a href="###">列表3</a></div>
          </li>
          <li><a href="###">推广教育</a></li>
          <li><a href="###">媒体关注</a></li>
          <li><a href="###">政策法规</a></li>
          <li><a href="###">分类大数据</a></li>
          <li><a href="###">他山之石</a></li>
          <li><a href="###">志愿者加入</a></li>
        </ul>
      </div>
    </div>
    <script>
      $('.qc-code .cls').click(function(){
        $('.qc-code').hide()
      })
      $('.left-fix .cls').click(function () {
        $('.left-fix').hide()
      })
    </script>
    <div class="suoyou">
      <div id="zSlider">
        <div id="picshow">
          <div id="picshow_img">
            <ul>
              <li><a href="###"><img src="static/images/500x500.jpg"></a></li>
              <li><a href="###"><img src="static/images/1.jpg"></a></li>
              <li><a href="###"><img src="static/images/2.jpg"></a></li>
              <li><a href="###"><img src="static/images/3.jpg"></a></li>
              <li><a href="###"><img src="static/images/4.jpg"></a></li>
            </ul>
          </div>
          <!--#picshow_tx-->
          <!--  ul-->
          <!--    -for(var a=0;a<8;a++)-->
          <!--      li-->
          <!--        p 二十四孝图-->
        </div>
        <div id="select_btn">
          <ul>
            <li><a href="###"><img src="static/images/500x500.jpg"><span class="select_text">二十四孝图</span></a></li>
            <li><a href="###"><img src="static/images/500x500.jpg"><span class="select_text">二十四孝图</span></a></li>
            <li><a href="###"><img src="static/images/500x500.jpg"><span class="select_text">二十四孝图</span></a></li>
            <li><a href="###"><img src="static/images/500x500.jpg"><span class="select_text">二十四孝图</span></a></li>
            <li><a href="###"><img src="static/images/500x500.jpg"><span class="select_text">二十四孝图</span></a></li>
          </ul>
        </div>
      </div>
    </div>
    <div class="data-box-warp">
      <div class="data-box">
        <div class="title1">垃圾分类大数据</div>
        <div class="title2">垃圾分类率力争达50%，资源回收率达16%，资源化处理率达90%，末端处理率低于75%，无害化处理率达85%，厨余垃圾转化再利用率达10%</div>
        <ul>
          <li>
            <div class="p1">1024<span>单位</span></div>
            <div class="p2">2015-06-07</div>
          </li>
          <li>
            <div class="p1">1024<span>单位</span></div>
            <div class="p2">2015-06-07</div>
          </li>
          <li>
            <div class="p1">1024<span>单位</span></div>
            <div class="p2">2015-06-07</div>
          </li>
          <li class="form">
            <form>
              <div class="form-input">
                <input type="text" value="时间" id="datetimepicker2">
              </div>
              <div class="form-input">
                <input type="text" value="小区">
              </div>
              <div class="form-input"><a href="###" class="btn"><img src="static/images/s.png">搜索</a></div>
            </form>
            <script>
              $.datetimepicker.setLocale('ch');
              $('#datetimepicker2').datetimepicker({
                yearOffset: 222,
                lang: 'ch',
                timepicker: false,
                format: 'd/m/Y',
                formatDate: 'Y/m/d',
                minDate: '-1970/01/02', // yesterday is minimum date
                maxDate: '+1970/01/02' // and tommorow is maximum date calendar
              });
              
              
            </script>
          </li>
        </ul>
      </div>
    </div>
    <div class="suoyou">
      <div class="nr">
        <div class="xwleft">
          <div class="xwright1">
            <h3 class="sz">推广动态</h3>
            <div class="xw22">
              <ul>
                <li><a href="###">桂林孔子学院桃源书院第十...</a><a href="###" class="sj">2015-07-01</a></li>
                <li><a href="###">桂林孔子学院桃源书院第十...</a><a href="###" class="sj">2015-07-01</a></li>
                <li><a href="###">桂林孔子学院桃源书院第十...</a><a href="###" class="sj">2015-07-01</a></li>
                <li><a href="###">桂林孔子学院桃源书院第十...</a><a href="###" class="sj">2015-07-01</a></li>
                <li><a href="###">桂林孔子学院桃源书院第十...</a><a href="###" class="sj">2015-07-01</a></li>
                <li><a href="###">桂林孔子学院桃源书院第十...</a><a href="###" class="sj">2015-07-01</a></li>
                <li><a href="###">桂林孔子学院桃源书院第十...</a><a href="###" class="sj">2015-07-01</a></li>
                <li><a href="###">桂林孔子学院桃源书院第十...</a><a href="###" class="sj">2015-07-01</a></li>
                <li><a href="###">桂林孔子学院桃源书院第十...</a><a href="###" class="sj">2015-07-01</a></li>
              </ul>
            </div>
          </div>
        </div>
        <div class="xwright">
          <div class="sz">视频展示</div>
          <div class="video-pic"><a href="###"><img src="static/images/500x500.jpg"></a></div>
        </div>
      </div>
    </div>
    <div style="width:1280px; margin:0 auto;">
      <div class="pic-list-title">新闻动态
        <div class="pic-list-title-line"></div>
      </div>
      <div class="pic-list">
        <ul>
          <li><a href="###"><img src="static/images/500x500.jpg" width="320" height="240">
              <p>巴啦啦小魔仙</p></a></li>
          <li><a href="###"><img src="static/images/500x500.jpg" width="320" height="240">
              <p>巴啦啦小魔仙</p></a></li>
          <li><a href="###"><img src="static/images/500x500.jpg" width="320" height="240">
              <p>巴啦啦小魔仙</p></a></li>
          <li><a href="###"><img src="static/images/500x500.jpg" width="320" height="240">
              <p>巴啦啦小魔仙</p></a></li>
        </ul>
      </div>
    </div>
    <div class="suoyou">
      <div class="pic-list-title">支持桂林垃圾分类光荣榜<br><span>(以上企业安事件排序这里蚊子是我随便写的)</span>
        <div class="pic-list-title-line"></div>
      </div>
      <div class="pic-list pic-list2">
        <ul>
          <li><a href="###"><img src="static/images/500x500.jpg"><span>巴啦啦小魔仙</span><strong><img src="static/images/r-bg.png"></strong></a></li>
          <li><a href="###"><img src="static/images/500x500.jpg"><span>巴啦啦小魔仙</span><strong><img src="static/images/r-bg.png"></strong></a></li>
          <li><a href="###"><img src="static/images/500x500.jpg"><span>巴啦啦小魔仙</span><strong><img src="static/images/r-bg.png"></strong></a></li>
          <li><a href="###"><img src="static/images/500x500.jpg"><span>巴啦啦小魔仙</span><strong><img src="static/images/r-bg.png"></strong></a></li>
          <li><a href="###"><img src="static/images/500x500.jpg"><span>巴啦啦小魔仙</span><strong><img src="static/images/r-bg.png"></strong></a></li>
          <li><a href="###"><img src="static/images/500x500.jpg"><span>巴啦啦小魔仙</span><strong><img src="static/images/r-bg.png"></strong></a></li>
        </ul>
      </div>
    </div>
    <div class="footer">
      <div class="suoyou">
        <div class="t">
          <p>联系电话：0773-1234567&nbsp;&nbsp;&nbsp;&nbsp;Copyright © 2015 中华儒聖道传统文化推广会. All rights reserved.</p>
          <p>© 2015 中华儒聖道传统文化推广会</p>
          <div class="qc-code2"><img src="static/images/qc.jpg"><span>扫码关注公众号</span></div>
        </div>
      </div>
    </div>
  </body>
</html>